<style lang="scss">
  @import '@/assets/css/variable';
  .case{
    position: absolute;
    top: 0;
    bottom: $tabbar-height;
    width: 100%;
    background-color: $main-bgc;
    min-height: 100%;
    font-size: 1.2rem;
    overflow: auto;
    box-sizing: border-box;
  }
</style>
<template>
  <div class="case">
    <!-- <div class="padding-all">
      <div>code:{{code}}</div>
      <div>openid:{{openid}}</div>
      <div>appid:{{appid}}</div>
    </div> -->
    <my-swipe></my-swipe>
    <my-case-tabs></my-case-tabs>
    <div class="tabbar-height"></div>
  </div>
</template>

<script>
// @ is an alias to /src
import mySwipe from "@/components/Swipe.vue";
import myCaseTabs from "@/components/CaseTabs.vue";
import {myMixins} from "@/assets/js/mixins.js"
export default {
  name: "Case",
  mixins: [myMixins],
  components: {
    mySwipe,
    myCaseTabs
  },
  data() {
    return {
      code: '',
      openid: '',
      access_token: '',
      appid:''
    };
  },
  mounted () {
    document.title = '活动宝'
    this.code = this.$store.state.code
    this.openid = this.$store.state.openid
    this.access_token = this.$store.state.access_token
    this.appid = this.$store.state.appid
    this.toHome()
    this.configItemShare()
  },
  methods: {
    tabClick(index) {
      console.log(index)
    }
  }
};
</script>
